
<div>
    <h2><span data-translate="jhipsterApp.article.detail.title">Article</span> {{vm.article.id}}</h2>
    <hr>
    <jhi-alert-error></jhi-alert-error>
    <dl class="dl-horizontal jh-entity-details">
        <dt><span data-translate="jhipsterApp.article.author">Author</span></dt>
        <dd>
            <span>{{vm.article.author}}</span>
        </dd>
        <dt><span data-translate="jhipsterApp.article.content">Content</span></dt>
        <dd>
            <span>{{vm.article.content}}</span>
        </dd>
        <dt><span data-translate="jhipsterApp.article.create_at">Create At</span></dt>
        <dd>
            <span>{{vm.article.create_at | date:'mediumDate'}}</span>
        </dd>
        <dt><span data-translate="jhipsterApp.article.views">Views</span></dt>
        <dd>
            <span>{{vm.article.views}}</span>
        </dd>
        <dt><span data-translate="jhipsterApp.article.good">Good</span></dt>
        <dd>
            <span>{{vm.article.good}}</span>
        </dd>
    </dl>

    <button type="submit"
            ui-sref="{{ vm.previousState }}"
            class="btn btn-info">
        <span class="glyphicon glyphicon-arrow-left"></span>&nbsp;<span data-translate="entity.action.back"> Back</span>
    </button>

    <button type="button" ui-sref="article-detail.edit({id:vm.article.id})" class="btn btn-primary">
        <span class="glyphicon glyphicon-pencil"></span>
        <span class="hidden-sm-down" data-translate="entity.action.edit"> Edit</span>
    </button>
</div>
